<template>
  <div class="app">
    <keep-alive>
      <router-view class="middle"/>
    </keep-alive>
    <footer-nav class="footer_nav" v-if="$route.meta.show_foot_nav"/>
  </div>
</template>

<script>
  import footerNav from './components/footer_nav/foot_nav.vue';

  export default {
    components: {
      footerNav
    }
  }
</script>

<style lang="scss">
  .app {
    font-size: 1.8rem;
    /*防止底部导航栏遮住中间部分内容*/
    padding-bottom: 70px;

    .middle{

    }

    .footer_nav{
      z-index: 999;
    }

    a {
      font-size: 1.1rem;
      text-decoration: none;
      display: inline-block;
      width: 25%;
      padding: 3px 0 3px 0;

      &:link, &:visited, &:hover, &:active {
        color: #666;
      }

      &.router-link-active {
        color: green;
      }

      .iconfont {
        font-weight: bold;
        display: inline-block;
        width: 100%;
        font-size: 2rem;
      }
    }
  }
</style>
